<!-- Layout 母模板 -->
<% extend('../../template/layout.art') %>

    <!-- body -->
    <% block('content', function(){ %>

        <div class="je-p20 group-order">
            <div class="left-box">
                <h3>合作单位信息</h3>
                <div class="je-form-pane">
                    <select class="myselect">
                        <optgroup label="选择合作单位">
                            <option value="湖南携程">湖南携程</option>
                        </optgroup>
                    </select>
                </div>
                <div class="je-form-pane">
                    <div class="je-fl"><select class="myselect">
                            <optgroup label="客源地">
                                <option value="崆峒区">崆峒区</option>
                                <option value="市辖区">市辖区</option>
                            </optgroup>
                        </select></div>
                    <div class="je-fr"><input type="number" name="number" autocomplete="off" placeholder="请输入接待人数" class="je-input input-100" min="1" max="999"></div>
                </div>
                <div class="je-form-pane">
                    <select class="myselect">
                        <optgroup label="优惠政策">
                            <option value="优惠政策">优惠政策</option>
                        </optgroup>
                    </select>
                </div>
                <div class="je-form-pane">
                    <div class="je-fl"><select class="myselect">
                        <optgroup label="导游姓名">
                                <option value="选择导游姓名">选择导游姓名</option>
                        </optgroup>
                    </select></div>
                    <div class="je-fr"><input type="text" name="phone" autocomplete="off" placeholder="导游电话" class="je-input input-100" maxlength="11"></div>
                </div>

                <h3>选择门票</h3>
                <table class="je-table" skin="botline">
                    <thead>
                        <tr>
                            <th>识别码</th>
                            <th>票型</th>
                            <th>票价</th>
                            <th>选择</th>
                        </tr>
                    </thead>
                    <tbody class="ticket_list">

                    </tbody>
                </table>
            </div>
            <div class="right-box">
                <h3>已选门票</h3>
                <table class="je-table" skin="botline">
                    <thead>
                        <tr>
                            <th>选择</th>
                            <th>门票介质</th>
                            <th>票型</th>
                            <th>单价(元)</th>
                            <th>数量(张)</th>
                            <th>金额(元)</th>
                            <th>条码段/卡序列号</th>
                        </tr>
                    </thead>
                    <tbody class="ticket_choice">

                    </tbody>
                </table>
            </div>
        </div>
        <script type="html" id="ticket_list">
            <tr>
                <td class="id" style="display:none">{id}</td>
                <td class="code">{code}</td>
                <td class="name">{name}</td>
                <td class="price">{price}</td>
                <td><button class="je-btn je-btn-small je-btn-normal push-select">选择</button></td>
            </tr>

        </script>
        <script type="html " id="ticket_choice">
            <tr class="ticket_{id} ">
                <td>
                    <input type='checkbox' name='checkbox' checked value="{id}">
                </td>
                <td><input type="text" value="{code}" class="tickedcode" readonly="readonly"></td>
                <td><input type="text" value="{name}" class="ticketname" readonly="readonly"></td>
                <td class="price">￥<input type="text" value="{price}" class="ticketprice" readonly="readonly"></td>
                <td id='number_{id}' class="number">1</td>
                <td>￥<input type="text" class="amount" id="amount_{id}" value="1" readonly="readonly"></td>
                <td class="nameid">请添加身份信息</td>
            </tr>
        </script>
        <script type="text/javascript">
            jeui.use(["jquery", "jeBox", "jeLayout", "jeTabPane", "jeAccordion", "jeCheck", "jeDate", "jeNavTab", "jeProgress", "jeSelect", "jeDropdown", "jeTable"], function() {
                $(".myselect").jeSelect({
                    sosList: true
                });
            })
        </script>

        <% }) %>